To use a different template for the homepage, follow these instructions:
1. Open Connected Business 15
2. Go to eCommerce >> Setup >> Application Configuration
3. Search for "hometemplate" 
4. Double click "HomeTemplate" and type in homepagetemplate.ascx in the Config Value field
5. Click Save then Reset Web Cache


for itempopup on featureditem on homepage
1. copy page.itempopup.xml from xmlpackages (from this skin)
2. paste it to C:\Program Files (x86)\Connected Business 15\CBE\Web\XmlPackages


All additional content for the homepage will be called on token so please copy and paste the codes below to their specific name so that this skin homepage will be look like 100% with the attached homepage on this folder.

Please be mindful for the casing of the letter/words.

COPY, PASTE THIS AND MAKE THE TOPIC ACCORDING TO THEIR TOPIC NAME LISTED BELOW!

1. topcarousel

  <!--HERE IS THE CODE ===================================== -->
  <div class="main-content">
   <div class="additional">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="skins/Skin_(!SKINID!)/images/slider1.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption conatiner">
            <div class="title1">Purveyors of Wrist</div>
            <div class="title2">time machines since 1989</div>
          </div>
        </div>
        <div class="item">
          <img src="skins/Skin_(!SKINID!)/images/slider2.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption container">
            <div class="title1">Purveyors of Wrist</div>
            <div class="title2">time machines since 1989</div>
          </div>
        </div>
        <div class="item">
          <img src="skins/Skin_(!SKINID!)/images/slider3.jpg" alt="First Slider" class="img-responsive">
          <div class="carousel-caption conatiner">
            <div class="title1">Purveyors of Wrist</div>
            <div class="title2">time machines since 1989</div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>  
  <!-- END OF CODE ===================================== -->



2. specialshipping

  <!--HERE IS THE CODE ===================================== -->
  <div class="specialshipping">
    <div class="container">
      <div class="col-md-12 col-sm-6 col-xs-12 specshipleft">
        <div class="content1">Highest Quality Products</div>
        <div class="content2">Refinement and elegance combine perfectly with <br>functionality and reliability. </div>
        <div class="link1"><a href="shoppingcart.aspx">Shop Now </a></div>
      </div>
    </div>
  </div>  
  <!-- END OF CODE ===================================== -->



3. packageproducts

  <!--HERE IS THE CODE ===================================== -->
  <div class="col-md-12 imagefeature">
          <div class="col-md-6 col-sm-6 col-xs-12 feature">
            <div class="featurebox">
              <center>
              <a href="shoppingcart.aspx">
                 <img class="img-items"  onmouseout="this.src='skins/Skin_(!SKINID!)/images/item1.jpg'" onmouseover="this.src='skins/Skin_(!SKINID!)/images/item1_hover.jpg'" src="skins/Skin_(!SKINID!)/images/item1.jpg">
                <div class="itemname1">New Arrivals</div>
              </center>
            </div>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-12 feature">
            <div class="featurebox">
              <center>
                <a href="shoppingcart.aspx">
                <img class="img-items"  onmouseout="this.src='skins/Skin_(!SKINID!)/images/item2.jpg'" onmouseover="this.src='skins/Skin_(!SKINID!)/images/item2_hover.jpg'" src="skins/Skin_(!SKINID!)/images/item2.jpg">
               <div class="itemname1">Watches on Sale</div>
              </center>
          </div>
        </div>
 
  <!-- END OF CODE ===================================== -->




